<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> 
  <link rel="stylesheet" href="css/css.css">  
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
   <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
   <script>
     $(function(){$("#mycarou").carousel()})
   </script> 
</head>
<body>
  <div class="navbar navbar-default">
    <div class="container-fluid">
      <div class="navbar-header">
        <button class="navbar-toggle" data-toggle="collapse" data-target="#list-nav">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
       
      </div>
      <div class="navbar-collapse collapse navbar-right" id="list-nav">
        <ul class="nav navbar-nav">
          <li class="active"><a href="#">首页</a></li>
          <li><a href="#">关于我们</a></li>
          <li><a href="#">产品中心</a></li>
          <li><a href="#">新闻中心</a></li>
          <li><a href="#">客户案例</a></li>
          <li><a href="#">资料下载</a></li>
          <li><a href="#">联系我们</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div id="mycarou" class="carousel slide">
    <ol class="carousel-indicators">
      <li class="active" data-slide-to="0" data-target="#mycarou"></li>
      <li data-slide-to="1" data-target="#mycarou"></li>
    </ol>
    <div class="carousel-inner">
      <div class="item active"><img src="images/1.jpg"></div> 
      <div class="item"><img src="images/2.jpg"></div>
    </div>
    <a class="left carousel-control" href="#mycarou" data-side="prev"></a>
    <a class="right carousel-control" href="#mycarou" data-side="next"></a>
  </div>

  <div class="footer">           <!--底部 -->
    <div>
    <ul class="nav nav-pills nav-justified">
      <li><a href="#">淘票票</a></li>
      <li><a href="#">大众网</a></li>
      <li><a href="#">美团</a></li>
      <li><a href="#">支付宝</a></li>
      <li><a href="#">大麦网</a></li>
      <li><a href="#">淘宝</a></li>
      <li><a href="#">豆瓣网</a></li>
    </ul>
  </div>
    <p>地址:哈尔滨香坊区中国云谷A8</p>
    <p>邮箱:2661141676@qq.com</p>
    <p>@版权所有</p>
  </div>
</body>
</html>